<%--
  Created by IntelliJ IDEA.
  User: isoft-work 5
  Date: 12/7/2014
  Time: 3:10 PM
  To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" pageEncoding="UTF-8"%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html version="HTML+RDFa 1.1" lang="vi">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <title>Thời trang nữ</title>
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <%--<script src="thoitrangnam_files/gtm.js" async></script>--%>

  <link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/css/style-common/alice-vnfas-core-v689be425ff7f.css" media="all">
  <link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/css/style-common/alice-vnfas-main-v0f6b34460350.css" media="all">
  <link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/css/style-common/alice-vnfas-main-v7fb7ea25b252.css" media="all">
  <%--<link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/css/style-common/alice-vnfas-home-ve11dbaecd87e.css" media="all">--%>
  <link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/css/style-common/alice-vnfas-catalog_ajax-v046367b39a16.css" media="all">

  <!-- Style body -->
  <link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/css/style-common/body/style-body.css" media="all">

  <script src="<%=request.getContextPath()%>/library/jquery-1.9.1.js" type="text/javascript"></script>
  <script src="<%=request.getContextPath()%>/library/jquery-ui/jquery-ui.js" type="text/javascript"></script>
  <script src="<%=request.getContextPath()%>/library/handlebar/handlebars.js" type="text/javascript"></script>
  <script src="<%=request.getContextPath()%>/js/wrapper.js" type="text/javascript"></script>
  <script src="<%=request.getContextPath()%>/js/user-search-product.js" type="text/javascript"></script>
  <script src="<%=request.getContextPath()%>/js/template/product-teamplate.js" type="text/javascript"></script>
  <!-- Bat dau script gioi han khung chay catalog -->
  <script src="<%=request.getContextPath()%>/library/scroll/alice-vnfas-catalog_ajax-v9b5e8988c271.js" type="text/javascript"></script>

  <style type="text/css">
    .blockDiv {
      position: absolute;
      top: 0px;
      left: 0px;
      background-color: #FFF;
      background:url("<%=request.getContextPath()%>/images/bill/ajax.gif") no-repeat center;
      width: 0px;
      height: 0px;
      z-index: 10;
    }
  </style>
</head>

<body class="js l-full-hd ui-page-bg  thm-core thm-local_redesign thm-vnfas  l-hasSidebar no-touch">

<div id="page" class="l-page">
  <%@include file="../iframe/header.jsp" %>
  <script type="text/javascript">
     nameProduct = '<%=request.getAttribute("name")%>';
  </script>
</div>
<div role="main" id="content">
  <div class="fullWidthBanner js-catalogFullWidthBanner"></div>
  <div class="l-pageWrapper catalogPage js-catalogPage">
    <div style="display: none;" class="js-ajaxLoading b-catalogLoadingOverlay">
      <div class="b-catalogAjaxLoading">
      </div>
    </div>

    <div class="fullWidthBanner">
    </div>
    <div style="top: auto; bottom: auto;" class="l-sidebar js-left-sidebar b-catalogCategory js-floatingNav">
      <div class="b-catalogMenu box">
        <div class="b-catalogMenu__filter">
          <ul class="b-catalogMenu__filterList js-fctList">
            <li class="b-catalogMenu__filterCaption"><div class="b-catalogMenu__filterName txtUpper">Lọc theo</div></li>
            <li class="b-catalogMenu__filterItm js-fct range">
              <div class="js-fct-hd b-catalogMenu__filterName">
                            <span class="b-catalogMenu__filterIcon-sizesystem filter-icon">
                            </span>Kích cỡ<span class="b-catalogMenu__filterArrow rfloat filter-icon"></span>
              </div>
              <div style="display: none;" class="js-sidebarBlock b-catalogMenu__filterSide b-catalogMenu__filterSide-range">
                <div class="b-filterPopup">
                  <ul class="cnv fct-scroll b-catalogMenu__rangeFilter" id="filter_price">

                  </ul>
                  <div class="txtUpper b-catalogMenu__filterClose">
                    <a href="javascript:void(0)" class="js-closeFilter">
                      Đóng                                        <span class="s-catalog i-filterClose"></span>
                    </a>
                  </div>
                </div>
              </div>

              <div class="b-catalogMenu__filterSide b-catalogMenu__filterSide-sizesystem" id="facet_size_system" style="display: none;">
                <div class="box" id="size-selection">
                  <ul class="b-catalogMenu__fiterSel js-selectedFilterContainer display-none" style="display: block;" id="mf520">
                    <li id="mf521">
                      <div id="mf522">
                        <span class="js-selectedFilter" id="name_size_selected">EU 32</span>
                        <span class="filter-icon rfloat b-catalogMenu__IconReset" id="mf524"><a class="rfloat reset reset_facet" href="#" id="remove_filter_size">bỏ chọn</a></span>
                      </div>
                    </li>
                  </ul>
                  <div class="b-filterPopup" id="mf525">
                    <ul id="filter_systems" class="b-catalogMenu__sizeSystemFilter clearfix  sizeSystemFilter filter_systems"></ul>
                    <ul id="facet_sizesystembrand" class="filter_sizesystem"></ul>
                  </div>
                </div>
              </div>
            </li>
            <li class="b-catalogMenu__filterItm js-fct range">
              <div class="js-fct-hd b-catalogMenu__filterName">
                            <span class="b-catalogMenu__filterIcon-price filter-icon">
                            </span>Giá<span class="b-catalogMenu__filterArrow rfloat filter-icon"></span>
              </div>
              <div style="display: none;" class="js-sidebarBlock b-catalogMenu__filterSide b-catalogMenu__filterSide-range">
                <div class="b-filterPopup">
                  <ul class="cnv fct-scroll b-catalogMenu__rangeFilter"><li class="cnv-level-1">

                    <a id="filter_price_0" href="#" class="filter-item" data-cost="0-300000">VND 0 - VND 300000</a>

                  </li><li class="cnv-level-1">

                    <a id="filter_price_2" href="#" class="filter-item" data-cost="300000-500000">VND 300000 - VND 500000</a>

                  </li><li class="cnv-level-1">

                    <a id="filter_price_3" href="#" class="filter-item" data-cost="500000-1000000">VND 500000 - VND 1000000</a>

                  </li><li class="cnv-level-1">

                    <a id="filter_price_4" href="#" class="filter-item" data-cost="1000000-2000000">VND 1000000 - VND 2000000</a>

                  </li><li class="cnv-level-1">

                    <a id="filter_price_5" href="#" data-cost="2000000-5000000">VND 2000000 - VND 5000000</a>

                  </li></ul>
                  <div class="txtUpper b-catalogMenu__filterClose">
                    <a href="javascript:void(0)" class="js-closeFilter">
                      Đóng
                      <span class="s-catalog i-filterClose"></span>
                    </a>
                  </div>
                </div>
              </div>

              <div class="b-catalogMenu__filterSide b-catalogMenu__filterSide-sizesystem" id="facet_price_system" style="display: none;">
                <div class="box" id="price-selection">
                  <ul class="b-catalogMenu__fiterSel js-selectedFilterContainer display-none" style="display: block;">
                    <li>
                      <div>
                        <span class="js-selectedFilter" id="name_price_selected">EU 32</span>
                        <span class="filter-icon rfloat b-catalogMenu__IconReset"><a class="rfloat reset reset_facet" href="#" id="remove_filter_price">bỏ chọn</a></span>
                      </div>
                    </li>
                  </ul>
                  <div class="b-filterPopup">
                    <ul class="b-catalogMenu__sizeSystemFilter clearfix  sizeSystemFilter filter_systems"></ul>
                    <ul class="filter_sizesystem"></ul>
                  </div>
                </div>
              </div>
            </li>
          </ul>
        </div>
      </div>
    </div>

    <div class="l-main js-left-main b-catalogList clearfix">

      <div class="b-catalogList__nav clearfix box breadcrumbs pam">
        <div class="b-catalogList__info lfloat">
          <ul id="breadcrumb" class="b-breadcrumbs">

          </ul>
        </div>
      </div>
      <div class="b-catalogList__container box box-bgcolor" id="catalog_container">
        <div class="paging">
          <div class="pgn-body-top pls ptm">
            <div class="paging l-row">

              <div id="topPagination" class="l-cell vMid txtRight"><div>
                <div class="ui-listHorizontal pgn my-navigation">
                  <div class="ui-listItem simple-pagination-first"><a href="#" class="simple-pagination-navigation-first simple-pagination-navigation-disabled" data-simple-pagination-page-number="1">&lt;&lt;</a></div>
                  <div class="ui-listItem simple-pagination-previous"><a href="#" class="simple-pagination-navigation-previous simple-pagination-navigation-disabled" data-simple-pagination-page-number="1">&lt;</a></div>
                  <div class="ui-listItem ui-listItem simple-pagination-page-numbers"></div>
                  <div class="ui-listItem simple-pagination-next"><a href="#" class="simple-pagination-navigation-next" data-simple-pagination-page-number="2">&gt;</a></div>
                  <div class="ui-listItem simple-pagination-last"><a href="#" class="simple-pagination-navigation-last" data-simple-pagination-page-number="8">&gt;&gt;</a></div>

                </div>
              </div></div>
            </div>
          </div>
        </div>

        <section class="catalog-box">
          <div id = "productsCatalogPaging">
            <ul class="b-catalogList__wrapper productsCatalog clearfix" id="productsCatalog">

            </ul>
          </div>
        </section>
        <div class="paging">
          <div class="pgn-body-top pls ptm">
            <div class="paging l-row">

              <div id="bottomPagination" class="l-cell vMid txtRight"><div>
                <div class="ui-listHorizontal pgn">
                  <div class="ui-listItem simple-pagination-first"><a href="#" class="simple-pagination-navigation-first simple-pagination-navigation-disabled" data-simple-pagination-page-number="1">&lt;&lt;</a></div>
                  <div class="ui-listItem simple-pagination-previous"><a href="#" class="simple-pagination-navigation-previous simple-pagination-navigation-disabled" data-simple-pagination-page-number="1">&lt;</a></div>
                  <div class="ui-listItem ui-listItem simple-pagination-page-numbers"></div>
                  <div class="ui-listItem simple-pagination-next"><a href="#" class="simple-pagination-navigation-next" data-simple-pagination-page-number="2">&gt;</a></div>
                  <div class="ui-listItem simple-pagination-last"><a href="#" class="simple-pagination-navigation-last" data-simple-pagination-page-number="8">&gt;&gt;</a></div>
                </div>
              </div></div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

</div>

<footer id="footer" class="ptl mtl">
  <%@include file="../iframe/footer.jsp" %>
</footer>
</body>
<%@include file="../iframe/popup-check-bill.jsp" %>
</html>
